import React from 'react';
import { useSelector, shallowEqual, useDispatch, useStore } from "react-redux";

export default function App() {
	// hook的方式使用react-redux
	// useSelector使用：
	// 参数一：将state映射到需要的数据中；
	// 参数二：可以进行比较来决定是否组件重新渲染；
	let count = useSelector(state => {
		console.log(state);
		return state.count;
	}, shallowEqual);
	// useDispatch非常简单，就是直接获取dispatch函数，之后在组件中直接使用即可：
	let dispatch = useDispatch();
	// useStore获取store
	let store = useStore();
	console.log(store.getState());
	return (
		<div>App -- {count} <button onClick={() => { dispatch({ type: "add" }) }}>add</button></div>
	)
}
